<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的预约</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
		<script src="../../js/flexible.debug.js"></script>
		<script src="../../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/Lo_myorder.css"/>
	</head>
	<body>
		<header class="Lo_myorder_header">
		<!-- 返回 -->
			<p class="morder_to_back"><img src="../../imgs/return.png"/></p>
			<p>我的预约</p>
			<p></p>
		</header>
		<nav class="Lo_myorder_nav01">
			<!--tab切换-->
			<ul>
				<li class="active">全部</li>
				<li>待付款</li>
				<li>待服务</li>
				<li>待评价</li>
			</ul>
		</nav>
		<main class="Lo_myorder_main">
			<section class="Lo_myorder_section01">
				<p><img src="../../imgs/Lo_myorder_img01.png"/></p>
				<p>您还没有代金券</p>
			<!--点击事件-->
				<p class="myorder_btn">立即预约</p>
			</section>
		</main>
		
		<script src="../../js/jquery.js"></script>
		<script>
		/*tab切换*/
			$(function(){
				$('.Lo_myorder_nav01 ul li').click(function(){
					$(this).addClass('active');
					$(this).siblings().removeClass('active');
				})
			})
		//返回
		$('.morder_to_back').click(function(){
			 history.back();
		});
		//返回首页
		$('.myorder_btn').click(function(){
			 location.href = "../index.html";
		});
		</script>
	</body>
</html>
